﻿<!doctype html>
<html>
<head>
    <style type="text/css">
        /*html, body {
            font: 10pt arial;
        }*/

        #mynetwork {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
    </style>

    <script src="http://visjs.org/dist/vis.js"></script>
    <link href="http://visjs.org/dist/vis-network.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/ionicons@4.3.0/dist/css/ionicons.min.css">

    <script type="text/javascript">
        var nodes = null;
        var edges = null;
        var network = null;

        function draw() {
            var container = document.getElementById('mynetwork');
            var data = '<<STATISTICS>>';
            var options = {
                nodes: {
                    shape: 'dot',
                    //scaling: {
                    //    customScalingFunction: function (min, max, total, value) {
                    //        return value / total;
                    //    },
                    //    min: 5,
                    //    max: 150
                    //}
                },
                physics: { enabled: false },
                edges: { smooth: false }
            };
            network = new vis.Network(container, data, options);
        }
    </script>

</head>
<body onload="draw()">
    <div id="mynetwork"></div>
</body>
</html>
